<template>
	<view class="class-list-box">
		<view class="content">
			<navigator url="/pages/book-preview/book-preview" class="item" v-for="item in 10">
				<image
					src="https://img2.baidu.com/it/u=2065454279,2043168215&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1067" 
					mode="aspectFill" 
					alt="" 
					@click="clickBookDetail"/>
			</navigator>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			clickBookDetail(){
				// uni.showToast({
				// 	title:"详情"
				// })
			}
		}
	}
</script>

<style lang="scss">
.class-list-box{
	.content{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap: 5rpx;
		padding: 5rpx;
		.item{
			height: 440rpx;
			image{
				width: 100%;
				height: 100%;
			}
		}
	}
}
</style>
